<%@ page language="java"  pageEncoding="UTF-8"%>
<%@ include file="/views/commons/taglibs.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
		<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
		<meta content="telephone=no" name="format-detection"/>

<title>试用区</title>
<link href="<%=path %>/css/stlye.css" rel="stylesheet" type="text/css" />
<script src="<%=path%>/js/zepto.js"></script>
</head>
<body style="background-color:#f4f4f4;">

<div class="banner"><img src="<%=path %>/images/banner.jpg"  width="100%" height=""/></div>

<div class="biaot">限量领取</div>

<div id="goods_loading_more_div">
	<input type="hidden" id="goods_pageNo" value="0">
</div>

<div class="bottom">粤ICP备16029994号-1</div>
<jsp:include page="/views/html5/commons/footer.jsp"></jsp:include>
</body>
<script type="text/javascript">
	$(function () {
		
		goodsLoadMore();
		
		var el = document.createElement("STYLE");
		var docEl = document.documentElement;
		var portrait = ((Math.min(docEl.clientWidth, docEl.clientHeight) / 320) * 10);
		var landscape = ((Math.max(docEl.clientWidth, docEl.clientHeight) / 568) * 17.75);
		el.innerHTML = "@media screen and (orientation:portrait) { html { font-size: " + portrait + "px!important; } }\n@media screen and (orientation:landscape) { html { font-size: " + landscape + "px!important; } }";
		docEl.firstElementChild.appendChild(el);
	})
	
	function goodsLoadMore(){
		var pageNo=$("#goods_pageNo").val();
		$.ajax({
			url : "<%=path %>/uncheck/goods/list",
			type : "get",
			dataType : "html",
			data :{
				pageNo:parseInt(pageNo)+1,
				pageSize:16
			},
			success : function(data)
			{
				$("#goods_loading_more_div").replaceWith(data);
			},error:function(){
				layer.msg("服务器网络繁忙",{icon: 2});
			}
		});
	}
	
	function viewGoods(goodsId){
		window.location.href="<%=path %>/uncheck/goods/view/"+goodsId;
	}
</script>
</html>